<template>
  <div
    :class="[
      self_new_type_border,
      css_content_padding,
      css_child_margin_top,
      css_wind_light_hover,
    ]"
    :id="self_new_type_border"
  >
    <div :class="[self_new_type_inp_border]" :id="self_new_type_inp_border">
      <input
        type="text"
        :class="[self_new_type_inp, css_inp_empty_style, css_font_size_20]"
        :id="self_new_type_inp"
      />
    </div>
    <cross_line width="90%"></cross_line>
    <div
      :class="[self_new_type_view_border]"
      :id="self_new_type_view_border"
    ></div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import cross_line from '../../../../../global_comps/uni_comps/cross_line/cross_line.vue';

import './self_new_type.css';
import { init_self_new_type } from './self_new_type';
import {
  css_child_margin_top,
  css_content_padding,
  css_font_size_20,
  css_inp_empty_style,
  css_wind_light_hover,
} from '../../../../../global_comps/Css';
import {
  self_new_type_border,
  self_new_type_inp,
  self_new_type_inp_border,
  self_new_type_view_border,
} from './DataDefine/sourceData';

let cur_self_new_type_props = defineProps({});

onMounted(() => {
  init_self_new_type();
});
</script>
